<template>
  <a-modal
    title="抖音兑换活动"
    :width="720"
    :visible="visible"
    @ok="handleOk"
    @cancel="hide"
    :centered="true"
    okText="确定"
  >
    <a-form >
      <a-form-item label="套餐名称" style="display: flex">
        <div style="display: flex;align-items: center">{{name}}</div>
      </a-form-item>
      <a-form-item label="姓名" style="display: flex">
        <div style="display: flex;align-items: center">
          <a-input v-model="take_name" placeholder="请填写姓名" style="margin-right: 20px;width: 480px"></a-input>
        </div>
      </a-form-item>
      <a-form-item label="手机号" style="display: flex">
        <div style="display: flex;align-items: center">
          <a-input v-model="take_mobile" placeholder="请填写手机号" style="margin-right: 20px;width: 480px"></a-input>
        </div>
      </a-form-item>
    </a-form>

  </a-modal>
</template>
<script>
import {clothesDouyinConvert} from "@/api/clothes";
export default {
  props: {
    activity_id: '',
    //verify_id: '',
    encrypted_data: '',
    name: '',
  },
  data() {
    return {
      visible: false,
      take_name: '',
      take_mobile: '',
    }
  },
  methods: {
    show() {
      this.visible = true;
    },
    hide() {
      this.visible = false;
    },
    handleOk() {
      clothesDouyinConvert({
        activity_id: this.activity_id,
        //verify_id: Number(this.verify_id),
        encrypted_data: this.encrypted_data,
        take_name: this.take_name,
        take_mobile: this.take_mobile,
      }).then(res => {
        this.hide();
        this.$message.success('操作成功');
        this.$emit('change')
      })
    }
  },
}
</script>
<style scoped lang="less">
/deep/ .ant-radio-group {
  width: 100%;
}
</style>